<!--<style type="text/css">
        *{
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 14px;
        }
        .postlist{width: 800px;height: 298px;margin: 10px;
            border: 1px solid #eee;overflow: hidden;
        }
        .postlist-tit{height: 41px;
            position: relative;
            background: #F7F7F7;
        }
        .postlist-tit ul{
            position: absolute;
            width: 803px;
            left: -1px;
        }
        .postlist-tit li{
            float: left;
            width: 158px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            overflow: hidden;
            background: #FFF;
            padding: 0 1px;
            border-bottom: 1px solid #eee;  
        }
        .postlist-tit li.select{
            background: #FFF;
            border-bottom-color: :#FFF;
            border-left: 1px solid #eee;
            border-right:1px solid #eee; 
            padding: 0;
            font-weight: bolder;
        }
        .postlist li a:link,.postlist li a:visited{
            text-decoration: none;
            color: #000;
        }
        .postlist li a:hover{
            color: #F90;
        }
        .postlist-con .mod{margin: 10px 10px 10px 19px;}
        .postlist-con .mod ul li{

        }

        </style>
        <div class="postlist" id="postlist">
            <div id="postlist-tit" class="postlist-tit">
                <ul>
                    <li><a href="#">Python</li>
                    <li><a href="#">PHP</li>
                    <li><a href="#">Cisco</li>
                    <li><a href="#" class="select">CTF</li>
                    <li><a href="#">Other</li>
                </ul>
            </div>
            <div id="postlist-con" class="postlist-con">
                <div class="mod" style="display:none">
                    <ul>
                        <li>
                            <a href="#">不错哟 Python</a>
                        </li>
                        <li>
                            <a href="#">不错哟</a>
                        </li>
                    </ul>
                </div>
                <div class="mod" style="display:none">
                    <ul>
                        <li>
                            <a href="#">不错哟 PHP</a>
                        </li>
                        <li>
                            <a href="#">不错哟</a>
                        </li>
                    </ul>
                </div>
                <div class="mod" style="display:none">
                    <ul>
                        <li>
                            <a href="#">不错哟Cisco</a>
                        </li>
                        <li>
                            <a href="#">不错哟</a>
                        </li>
                    </ul>
                </div>
                <div class="mod" style="display:none">
                    <ul>
                        <li>
                            <a href="#">不错哟ctf</a>
                        </li>
                        <li>
                            <a href="#">不错哟</a>
                        </li>
                    </ul>
                </div>
                <div class="mod" style="display:none">
                    <ul>
                        <li>
                            <a href="#">不错哟other</a>
                        </li>
                        <li>
                            <a href="#">不错哟</a>
                        </li>
                    </ul>
                </div>
                
            </div>
        </div>    
        -->